/*  
    刚刚接触React脚手架，需要注意几个点：
    （1）不要直接在App组件里面写内容，而是交给其他子组件来处理
    （2）在开发中，要有模块话的思想，我们一般都是将页面抽取成一个个的组件来进行使用的。一般地，一个组件单独在src下创建一个文件夹
     (3) 组件的文件命名如果不是index规范的话，一般开头大写，文件格式可以用.js 或者.jsx.
     (4)组件内的文件命名可以有2种风格，第一种是和组件的js文件和css文件和组件名保持一致，第二种是统一命名为index文件，后者用的比较多，
        而且有个好处就是，这种方式导入文件是可以省略文件名的
     (5)组件化开发的时候，可能会遇到样式重名的冲突问题，解决的方法有2种
        第一种是在样式的最外层套上一个组件类
        第二种是在样式文件的css前缀前面加上 .module ,然后就可以使用webpack语法来引入了
*/
//需要注意一下，这里的{}并不是解构赋值的用法，而是导入js文件中分别/独立导出的组件/元素
import React,{Component} from 'react'
import Hello from './components/Hello'
import Welcome from './Welcome/Welcome'
export default class App extends Component {
    render(){
        return (
            <div>
                <Hello/>
                <Welcome/>
            </div>
        )
    }
}